.topWrap {
  width: 100%;
  height: 114px;
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.9;
  z-index: 2;
  border-bottom: 1px solid black;
  /* position: relative; */
}
a{
  text-decoration: none;
}
.nav {
  width: 1100px;
  height: 114px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;

  margin: 0 auto;
}

.nav .cat {
  width: 20px;
  height: 14px;
  background: black;
  margin-left: -55px;
  margin-top: 0px;
  border-radius: 10px;
  float: left;
  color: #fff;
  text-align: center;
  line-height: 14px;
}
.nav .login {
  width: 100px;
  height: 50px;
  background-color: #fff;
  position: absolute;
  top: 35px;
  left: 660px;
  text-align: center;
  display: none;
  border: 1px solid gainsboro;
}
.nav .login li {
  margin-top: 5px;
  font-weight: 900;
}
.nav .nav-top {
  width: 1060px;
  height: 44px;
  margin: auto;
  padding: 0 20px;
  margin-top: 25px;
}
.nav .nav-top .nav-left {
  width: 300px;
  height: 44px;
  float: left;
}
.nav .nav-top .nav-left img {
  margin-top: 15px;
}
.nav .nav-top .nav-right {
  width: 720px;
  height: 44px;
  float: left;
  position: relative;
}
.nav .nav-top .nav-right a {
  color: black;
}
.nav .nav-top .nav-right div {
  width: 210px;
  height: 48px;
  background: #fff;
  position: absolute;
  top: 40px;
  right: 0;
  display: none;
}
.nav .nav-top .nav-right div h2 {
  float: left;
  font-size: 24px;
  margin-left: 10px;
  margin-top: 10px;
}
.nav .nav-top .nav-right span {
  float: left;
  position: absolute;
  top: 10px;
  right: 150px;
  font-size: 20px;
}

.nav .nav-top .nav-right input {
  width: 156px;
  height: 26px;
  float: left;
  margin-top: 10px;
  border: 1px solid gray;
  color: gray;
  text-align: center;
  margin-left: 5px;
}
.nav .nav-top .nav-right ul {
  float: right;
}
.nav .nav-top .nav-right ul li span {
  float: left;
  position: absolute;
  top: 10px;
  right: 100px;
  font-size: 20px;
}
.nav .nav-top .nav-right ul li h2 {
  float: left;
  position: absolute;
  top: -10px;
  right: 50px;
  font-size: 20px;
}
.nav .nav-top .nav-right ul li h3 {
  float: left;
  position: absolute;
  top: -10px;
  right: 0px;
  font-size: 20px;
}

.nav .nav-button {
  width: 1060px;
  height: 50px;
  margin: auto;
  padding: 0 20px;
}
.nav .nav-button .nav-navs {
  width: 1060px;
  height: 49px;
  margin: auto;
}
.nav .nav-button .nav-navs ul {
  width: 795px;
  height: 49px;
  margin: auto;
}
.nav .nav-button .nav-navs ul a {
  color: black;
}
.nav .nav-button .nav-navs ul li {
  float: left;
  padding: 0 50px;
  padding-top: 15px;
  font-size: 16px;
}
.nav .nav-button .nav-navs .shop span:hover {
  padding-bottom: 7px;
  border-bottom: 5px solid black;
}
.shop:hover .zong {
  display: block;
}
.nav-navs .zong {
  width: 1349px;
  height: 360px;
  background: rgba(255, 255, 255, 0.99);
  position: absolute;
  top: 115px;
  left: 0;
  display: none;
  border-bottom: 1px solid gray;
  z-index: 50;
}
.nav-navs .zong .zou {
  font-size: 14px;
  width: 280px;
  height: 360px;
  background: rgba(255, 255, 255, 0.9);
  margin-left: 145px;
  float: left;
}
.nav-navs .zong .zou h2 {
  width: 270px;
  font-size: 18px;
  margin-top: 20px;
  margin-left: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid black;
  font-weight: 900;
}
.nav-navs .zong .zou p {
  width: 270px;
  font-size: 14px;
  margin-top: 8px;
  margin-left: 10px;
  padding-bottom: 6px;
}
.nav-navs .zong .zhong {
  float: left;
  width: 280px;
  height: 360px;
  background: rgba(255, 255, 255, 0.9);
  margin-left: 105px;
}
.nav-navs .zong .zhong h2 {
  width: 270px;
  font-size: 18px;
  margin-top: 20px;
  margin-left: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid black;
  font-weight: 900;
}
.nav-navs .zong .zhong p {
  width: 270px;
  font-size: 14px;
  margin-top: 8px;
  margin-left: 10px;
  padding-bottom: 6px;
}
.nav-navs .zong .you {
  float: left;
  width: 280px;
  height: 360px;
  background: rgba(255, 255, 255, 0.9);
  margin-left: 105px;
}
.nav-navs .zong .you h2 {
  width: 270px;
  font-size: 18px;
  margin-top: 20px;
  margin-left: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid black;
  font-weight: 900;
}
.nav-navs .zong .you p {
  width: 270px;
  font-size: 14px;
  margin-top: 8px;
  margin-left: 10px;
  padding-bottom: 6px;
}

/*  */
.nav-navs .zong2 {
  width: 1349px;
  height: 360px;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 115px;
  left: 0;
  display: none;
  border-bottom: 1px solid gray;
  z-index: 50;
}
.nav-navs .zong2 .zou {
  font-size: 14px;
  width: 280px;
  height: 360px;
  background: rgba(255, 255, 255, 0.9);
  margin-left: 145px;
  float: left;
}
.nav-navs .zong2 .zou img {
  margin-top: 40px;
  margin-left: -30px;
}

.nav-navs .zong2 .zhong {
  float: left;
  width: 300px;
  height: 360px;
  background: rgba(255, 255, 255, 0.9);
}
.nav-navs .zong2 .zhong h2 {
  width: 270px;
  font-size: 14px;
  margin-top: 40px;
  margin-left: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid black;
  font-weight: 900;
}
.nav-navs .zong2 .zhong p {
  width: 300px;
  font-size: 12px;
  margin-left: 10px;
  margin-top: 20px;
}
.nav-navs .zong2 .zhong .btn {
  width: 150px;
  height: 40px;
  margin-top: 118px;
  margin-left: 10px;
  border: none;
  border: 1px solid black;
}
.zong2 .zhong .btn:hover {
  background: black;
}
.zong2 .zhong .btn:hover a {
  color: #fff;
}
.nav-navs .zong2 .you {
  float: left;
  width: 400px;
  height: 360px;
  background: rgba(255, 255, 255, 0.9);
  margin-left: 80px;
}
.nav-navs .zong2 .you .pic {
  float: left;
  width: 400px;
  height: 300px;
  margin-top: 40px;
  background: rgba(255, 255, 255, 0.9);
}
.nav-navs .zong2 .you img {
  float: left;
  margin-left: 10px;
  margin-top: 10px;
}
.nav-navs .zong2 .you h2 {
  width: 270px;
  font-size: 18px;
  margin-top: 20px;
  margin-left: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid black;
  font-weight: 900;
}
.nav-navs .zong2 .you p {
  width: 270px;
  font-size: 14px;
  margin-top: 8px;
  margin-left: 10px;
  padding-bottom: 6px;
}
.nav .nav-button .nav-navs .houre span:hover {
  padding-bottom: 7px;
  border-bottom: 5px solid black;
}
.houre:hover .zong2 {
  display: block;
}
.nav .nav-button .nav-navs .houre1 span:hover {
  padding-bottom: 7px;
  border-bottom: 5px solid black;
}
.nav .nav-button .nav-navs .houre2 span:hover {
  padding-bottom: 7px;
  border-bottom: 5px solid black;
}
.nav .nav-button .nav-navs .houre3 span:hover {
  padding-bottom: 7px;
  border-bottom: 5px solid black;
}
/*  */
/*  */
/*  */
.banner {
  width: 100%;
  height: 600px;
  margin: 0 auto;
}
.swiper-container {
  width: 100%;
  height: 600px;
}
.swiper-container img {
  width: 1349px;
  height: 600px;
}

.content {
  width: 1100px;
  height: 1000px;
  margin: 0 auto;
  overflow: hidden;
}
.content h2 {
  font-size: 26px;
  margin-top: 100px;
  border-bottom: 1px solid black;
  padding-bottom: 15px;
}
.content .con-pic {
  width: 333px;
  height: 458px;
  background: blue;
  margin-top: 50px;
  position: relative;
  float: left;
  margin-right: 33px;
}
.content .con-pic img {
  width: 333px;
  height: 458px;
}
.con-pic:hover dt > img {
  transform: scale(1.1);
}
.con-pic dt {
  width: 333px;
  height: 458px;
  position: relative;
  overflow: hidden;
}
.con-pic dt > img {
  transition: all 0.5s;
}
.content .con-pic dd p {
  position: absolute;
  top: 350px;
  left: 25px;
}
.content .con-pic .baby2 p {
  position: absolute;
  top: 390px;
  left: 25px;
}
.content .con-pic dd p:hover {
  background: #fff;
}
.content .con-pic dd p:hover a {
  color: blue;
}

.content .con-pic img {
  width: 333px;
  height: 458px;
}
.content .con-pic dd p a {
  font-size: 28px;
  color: #fff;
}
/*  */
/*  */
.con-top {
  width: 1349px;
  height: 300px;
  float: left;
}
.con-top li {
  width: 333px;
  height: 80px;
  margin-top: 30px;
  float: left;
  margin-right: 47px;
  border-bottom: 1px solid gray;
}
.con-top img {
  width: 80px;
  height: 80px;
  float: left;
}
.con-top p {
  width: 200px;
  font-size: 14px;
  float: left;
  margin-top: 10px;
  margin-left: 15px;
}
.con-top span {
  font-weight: 900;
  font-size: 14px;
  float: left;
  margin-top: 8px;
  margin-left: 15px;
}
.content .con-top p:hover a {
  color: blue;
}
.content .con-top a {
  color: black;
}
/*  */
/*  */
/*  */
.hot {
  width: 1100px;
  height: 700px;
  margin: 0 auto;
  overflow: hidden;
}
.hot h2 {
  font-size: 26px;
  margin-top: 20px;
  border-bottom: 1px solid black;
  padding-bottom: 15px;
  font-weight: 900;
}
.hot .hot-left {
  width: 500px;
  height: 500px;
  margin-top: 20px;
  float: left;
}
.hot .hot-right {
  width: 550px;
  height: 500px;
  margin-top: 20px;
  margin-left: 50px;
  float: left;
}
.hot .hot-right .hot-t {
  width: 550px;
  height: 200px;
  overflow: hidden;
}
.hot .hot-right .hot-t h3 {
  font-size: 24px;
  font-weight: 900;
  margin-top: 25px;
}
.hot .hot-right .hot-t p {
  font-size: 12px;
  margin-top: 15px;
  margin-bottom: 20px;
}
.hot-t span a {
  color: black;
  font-size: 16px;
}
.hot-t span a:hover {
  color: blue;
}
.hot-t span {
  padding-bottom: 10px;
  border-bottom: 1px solid black;
}
.hot .hot-right .hot-b {
  width: 550px;
  height: 300px;
}
.hot-b .swiper-slide .left-pic {
  width: 260px;
  height: 300px;
  float: left;
}
.hot-b .swiper-slide img {
  float: left;
  margin-left: 50px;
  margin-top: 25px;
  width: 200px;
  height: 200px;
  position: relative;
}
.hot-b .swiper-slide p {
  float: left;
  margin-left: 55px;
  font-size: 18px;
}
.hot-b .swiper-slide p span {
  font-size: 14px;
  font-weight: 900;
  margin-left: 60px;
}
.hot-b .swiper-slide a {
  color: black;
}
.hot-b .swiper-slide a p:hover {
  color: blue;
}
.hot-b .swiper-slide a p:hover span {
  color: black;
}
/*  */
/*  */
/*  */
/* new */
.new {
  width: 1100px;
  height: 700px;
  margin: 0 auto;
  overflow: hidden;
}
.new h2 {
  font-size: 26px;
  margin-top: 40px;
  border-bottom: 1px solid black;
  padding-bottom: 15px;
  font-weight: 900;
}

.new .swiper-container img {
  width: 375px;
  height: 516px;
  margin-right: 100px;
  margin-top: 100px;
  float: right;
}
.new .swiper-button-prev {
  margin-top: 250px;
}
.new .swiper-button-next {
  margin-top: 250px;
  margin-right: 900px;
}
.new h4 {
  font-size: 26px;
  font-weight: 900;
  margin-top: 100px;
}
.new p {
  margin-top: 20px;
  font-size: 16px;
}
.new h5 {
  font-size: 16px;
  margin-top: 388px;
  margin-left: 90px;
}

/*  */
/*  */
/*  */

/*  */
/*  */
/*  */
/* REVIEW  */
.review {
  width: 1100px;
  height: 600px;
  margin: 0 auto;
  overflow: hidden;
}
.review h2 {
  font-size: 26px;
  margin-top: 70px;
  border-bottom: 1px solid black;
  padding-bottom: 15px;
  font-weight: 900;
}
.review .review-left {
  width: 550px;
  height: 600px;
  overflow: hidden;
  float: left;
}

.review .review-right {
  width: 550px;
  height: 600px;
  background: #fff;
  overflow: hidden;
  float: left;
}
.review-right .review-pic {
  width: 80px;
  height: 80px;
  float: left;
  margin-left: 50px;
  margin-top: 50px;
}
.review .review-right .con1 {
  margin-left: 50px;
  font-size: 14px;
  margin-top: 10px;
  float: left;
}
.review .review-right h3 {
  width: 550px;
  margin-left: 50px;
  font-size: 18px;
  font-weight: 900;
  float: left;
}
.review .review-right p {
  margin-top: 63px;
  font-size: 16px;
}
.review .review-right strong {
  float: left;
  margin-top: 20px;
  font-size: 12px;
  margin-left: -50px;
}
.review .review-right strong h6 {
  margin-top: -15px;
  font-size: 18px;
  margin-left: 140px;
}
.review .review-right span {
  width: 53px;
  height: 50px;
  background: gray;
  margin-top: 50px;
  margin-left: 50px;
  float: left;
  border-radius: 50%;
}
.review .review-right span img {
  background: gray;
  border-radius: 50%;
}
.review .review-left img {
  margin-top: 50px;
}
/*  */
/*  */
/*  */
/* video */
.video {
  width: 1349px;
  height: 400px;
  background-color: #f1f2f3;
  margin: 0 auto;
}
.video-left {
  width: 550px;
  height: 400px;
  margin-left: 125px;
  float: left;
}
.video-left button {
  background: black;
  width: 134px;
  height: 47px;
  margin-left: 125px;
  float: left;
  margin-top: 50px;
  margin-left: 240px;
  font-size: 16px;
  border-radius: 30px;
}
.video-left button a {
  font-size: 16px;
  color: #fff;
}
.video-left p {
  width: 364px;
  height: 59px;
  margin-left: 125px;
  font-size: 26px;
  float: left;
  text-align: center;
  margin-top: 100px;
}
.video-right {
  width: 550px;
  height: 400px;
  /* margin-left: 125px; */
  float: left;
}
.video-right .tv video {
  width: 530px;
  height: 298px;
  /* margin-left: 125px; */
  background-color: red;
  margin-left: 10px;
  float: left;
  margin-top: 50px;
}
/*  */
/*  */
/*  */
/* media */
.media {
  width: 1100px;
  height: 900px;
  margin: 0 auto;
  overflow: hidden;
}
.media h2 {
  font-size: 26px;
  margin-top: 70px;
  border-bottom: 1px solid black;
  padding-bottom: 15px;
  font-weight: 900;
}
.media .media-left {
  width: 550px;
  height: 560px;
  float: left;
  margin-top: 50px;
}
.media .media-right {
  width: 550px;
  height: 560px;
  float: left;
  margin-top: 50px;
}
.case {
  width: 550px;
  height: 530px;
  border: solid 1px #000;
  margin: 20px auto;
}
.case img {
  width: 550px;
  height: 530px;
}
.case dt {
  width: 550px;
  height: 530px;
  position: relative;
  overflow: hidden;
}
.case dt > img {
  transition: all 0.5s;
}
.black {
  width: 550px;
  height: 530px;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.5s;
}
.case:hover dt > img {
  transform: scale(1.1);
}
.case:hover .black {
  opacity: 1;
}
.case p {
  font-size: 24px;
  margin-left: 170px;
  margin-top: 250px;
  color: #fff;
}
/*  */
.case1 {
  width: 260px;
  height: 263px;
  border: solid 1px #000;
  margin-top: 20px;
  float: left;
}
.case1 img {
  width: 263px;
  height: 263px;
}
.case1 dt {
  width: 263px;
  height: 263px;
  position: relative;
  overflow: hidden;
}
.case1 dt > img {
  transition: all 0.5s;
}
.black1 {
  width: 263px;
  height: 263px;
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: all 0.5s;
}
.case1:hover dt > img {
  transform: scale(1.1);
}
.case1:hover .black1 {
  opacity: 1;
}
.case1 p {
  font-size: 16px;
  margin-left: 70px;
  margin-top: 120px;
  color: #fff;
}
/*  */
/*  */
/*  */
/* end */
.end {
  width: 1349px;
  height: 700px;
  background: black;
  overflow: hidden;
}
.end .end-top {
  width: 1100px;
  height: 250px;
  margin: 0 auto;
  margin-top: 120px;
  overflow: hidden;
  padding-bottom: 50px;
  border-bottom: 1px solid #fff;
}
.end .end-top .ipt {
  width: 400px;
  height: 154px;
  margin-top: 50px;
  overflow: hidden;
  float: left;
}
.end .end-top .ipt h4 {
  font-size: 16px;
  font-weight: 900;
  margin-left: 140px;
  margin-top: 20px;
}
.end .end-top .ipt .text {
  margin-top: 5px;
  width: 394px;
  height: 60px;
  text-align: center;
  border: 1px solid #fff;
  font-size: 16px;
  color: #fff;
  background: black;
  float: left;
}
.ipt .iconfont {
  font-size: 30px;
  float: left;
  margin-top: -50px;
  margin-left: 350px;
}
.ipt .iconfont a {
  color: #fff;
}
.ipt .checkbox {
  width: 24px;
  height: 24px;
  margin-left: 100px;
  margin-top: 5px;
  float: left;
  background-color: black;
}
.ipt p {
  float: left;
  margin-top: 8px;
  color: #fff;
}
.ipt p a {
  color: skyblue;
}
.ipt-ri {
  width: 700px;
  height: 250px;
  float: left;
}
.ipt-ri ul {
  width: 100px;
  height: 350px;
  overflow: hidden;
  margin-left: 100px;
  float: left;
}
.ipt-ri ul li {
  font-size: 18px;
  margin-top: 20px;
  margin-left: 10px;
}
.ipt-ri ul li a {
  font-size: 16px;
  color: #fff;
}
.end-buttom {
  overflow: hidden;
  position: relative;
}
.end-buttom .end-left {
  width: 300px;
  height: 300px;
  margin-left: 126px;
  overflow: hidden;
  float: left;
}
.end-buttom .end-right {
  width: 700px;
  height: 300px;
  margin-left: 126px;
  overflow: hidden;
  float: left;
}
.end-buttom .end-right img {
  margin-top: 70px;
  margin-left: 232px;
}
.end-buttom p {
  font-size: 12px;
  margin-top: 50px;
  color: gray;
}
.end-buttom span {
  position: absolute;
  left: 125px;
  bottom: 50px;
}
.end-buttom span a {
  color: #fff;
}
/* 搜索框 */
.search{
  width: 210px;
  height: 54px;
  border: 1px solid gray;
  position: fixed;
  top: 59px;
  right: 123px;
  z-index: 51;
  background: #fff;
}
.search span{
  font-size: 20px;
  margin-top: 10px;
  margin-left: 15px;
  float: left;
}
.search .search-ipts{
  width: 156px;
  height: 25px;
  border: 1px solid black;
  float: left;
  margin-top: 10px;
  margin-left: 5px;
}
/* 搜索框复选 */
.search1{
  width: 300px;
  height: 100%;
  position: fixed;
  top: 113px;
  right: 122px;
  z-index: 51;
  display: none;
  background: #fff;
  border: 1px solid gainsboro;
}
.search1 li{
  width: 300px;
  height: 150px;
  overflow: hidden;
  padding-bottom: 10px;
  border-bottom: 1px solid gainsboro;
}
.search1 li img{
  width: 110px;
  height: 110px;
  margin-top: 20px;
  margin-left: 10px;
  float: left;
}
.search1 li p{
  font-size: 12px;
  line-height: 40px;
  width: 170px;
  height: 40px;
  float: left;
  margin-top: 20px;
  margin-left: 5px;
}
.search1 li span{
  line-height: 40px;
  width: 170px;
  height: 40px;
  float: left;
  margin-top: 20px;
  margin-left: 5px;
}
.search-u a{
  color: #000;
}

